<template>
  <view class="fitting-item">
    <image mode="aspectFill" class="fitting-item__pic" :src="imageSrc" />
    <view class="fitting-item__info">
      <view class="fitting-item__head">
        <text class="fitting-item__title">{{partNumber}}</text>
        <view class="fitting-item__tag" v-if="shortLabel">
          <text>{{shortLabel}}</text>
        </view>
      </view>
      <text class="fitting-item__content">
            {{partName}}
      </text>
      <view class="fitting-item__footer">
        <text class="fitting-item__price">￥{{partPrice}}</text>
      </view>
    </view>
  </view>
</template>
<script>
export default {
	props:{
		imageSrc: {
			type: String,
			default () {
				return "";
			}
		},
		partNumber:{
			type: String,
			default (){
				return "";
			}
		},
		partName:{
			type: String,
			default (){
				return "";
			}
		},
		partPrice:{
			type: Number,
			default (){
				return 0;
			}
		},
		shortLabel:{
			type: String,
			default(){
				return ""
			}
		}
	}
}
</script>
<style lang="scss">
@import './index.scss';
</style>